<template>
	<div>
		<elhead></elhead>
		
		<div class="contentWidth box">
				<sider-bar-component :menus="menus" class="aside"></sider-bar-component>
				<article-component :datalist="articleList" class="articleList"></article-component>
		</div>
	</div>
</template>

<script>
	import elhead from './elhead.vue'
	import siderBarComponent from '../components/siderBarComponent.vue'
	import articleComponent from '../components/articleComponent.vue'
	export default{
		name:'tzgg',
		components:{
			elhead,
			siderBarComponent,
			articleComponent
		},	
		data(){
			return{
				//menus:['通知','修改密码','我要发表','草稿箱','文章列表'],
				menus:['通知公告'],
				articleList:[
					{
					  id:1,
					  url:'http://www.baidu.com',					
					  title: '人民日报聚焦地方政治生态，肃清腐败余毒',
					  count:1982,
					  rtext:'张晓波'
					},
					{
					  id:2,
					  url:'http://www.baidu.com',
					  title: '人民日报聚焦地方政治生态，肃清腐败余毒',
					   count:1982,
					  rtext:'张晓波'
					},
					{
					  id:3,
					  url:'http://www.baidu.com',
					  title: '人民日报聚焦地方政治生态，肃清腐败余毒',
					   count:1982,
					  rtext:'张晓波'
					},
					{
					  id:4,
					  url:'http://www.baidu.com',
					  title: '人民日报聚焦地方政治生态，肃清腐败余毒',
					   count:1982,
					  rtext:'张晓波'
					},
					{
					  id:5,
					  url:'http://www.baidu.com',
					  title: '人民日报聚焦地方政治生态，肃清腐败余毒',
					   count:1982,
					  rtext:'张晓波'
					},
					{
					  id:6,
					  url:'http://www.baidu.com',
					  title: '人民日报聚焦地方政治生态，肃清腐败余毒',
					   count:1982,
					  rtext:'张晓波'
					},
					{
					  id:7,
					  url:'http://www.baidu.com',
					  title: '人民日报聚焦地方政治生态，肃清腐败余毒',
					   count:1982,
					  rtext:'张晓波'
					},
					{
					  id:8,
					  url:'http://www.baidu.com',
					  title: '人民日报聚焦地方政治生态，肃清腐败余毒',
					   count:1982,
					  rtext:'张晓波'
					}
				]
			}
		},
		 methods: {
		      goBack() {
		       this.$router.push('/index');
		      }
		    }
	}
</script>

<style scoped="scoped" lang="less">
	
  ::v-deep .el-page-header{
		
	}
	.box{
		margin-top: 30px;
		display: flex;
		justify-content: space-between;
		.aside{
			width: 230px;
			
		}
		.articleList
		{
			/deep/ .dynews{
				width: 900px;
				margin-right: 10px;
				
			}
		}
		
	}

	
</style>
